Hace unos días algunos despertamos con la última novedad, el avatar en los comentarios. Lo de última es porque somos los últimos en tener avatar, lo de novedad porque nadie lo hubiera imaginado pero el cumpleaños de Blogger no es cualquier cumpleaños y en lugar de invitarnos a gominolas nos invitaron a pastel.
Ironía aparte, porque luego dicen que siempre hablo mal de Blogger....El rebotao me decía "Gema hablando de la movida del avatar ¿podrías crear un post con los cambios a realizar para que se vea el avatar en los comentarios?
Una vez salimos de nuestro asombro empezamos a leer aquí y allá los cambios que debemos hacer para que el avatar se muestre. No es complicado... sólo algo retorcido si en nuestra plantilla hicimos grandes cambios.
Para activar la función de mostrar avatar debemos hacerlo en Configuración/Comentarios.
![](http://1.bp.blogspot.com/_q4j3j-JA2ro/SrgZhgLoR9I/AAAAAAAALoE/VW6-nLf5WPw/s00/screenshot.22.png)
Los blogs como yo llamo "nuevitos" esos que les funciona el vista previa pueden ver su avatar antes de dar salida al comentario.
![](http://4.bp.blogspot.com/_q4j3j-JA2ro/Srgb05tOPxI/AAAAAAAALoU/KwX8a0JcAao/s00/avatar.jpg)
Hasta ahí todo genial, los comentarios se mostrarían con avatar siempre y cuando el autor del comentario tenga el perfil activado y una imagen de perfil. Los que no tienen el perfil activado, comentan como anónimo o añaden nombre/url no tienen imagen y los que tienen el perfil activado pero no añadieron imagen Blogger les añade un icono como este ![](http://4.bp.blogspot.com/_q4j3j-JA2ro/SrlgOENc4nI/AAAAAAAALq4/B-9wVfH7phA/s320/icons-blogger.gif)
![](http://4.bp.blogspot.com/_q4j3j-JA2ro/SrlgOENc4nI/AAAAAAAALq4/B-9wVfH7phA/s320/icons-blogger.gif)
![](http://4.bp.blogspot.com/_q4j3j-JA2ro/SrgeyyoOgOI/AAAAAAAALoc/xppW43opDok/s00/screenshot.24.png)
Esa es la forma de mostrar avatar en comentarios pero ¿qué ocurre si no aparecen? me habría gustado que fuera un post donde todas las dudas tuvieran respuesta y todos los contratiempos solución, pero difícilmente será así porque entregaron las indicaciones pero se olvidaron de los problemas que podían surgir.
En algunos sitios como Blogger Buster , Chica Blogger, Dicas Blogger hablan de sustituir unas líneas de código y con ello conseguir que el avatar aparezca.
Ocurre, que al estar las plantillas personalizadas hay líneas de código que no se muestran situadas en el mismo orden, hay otras distintas o fueron sustituidas por otras.
Tengo que recordar que la personalización que tengamos en los comentarios hasta ese momento se mantendrá sin alterarse, no hay que tocar nada de los estilos, únicamente añadir otros para el avatar como veremos más adelante.
Cualquier forma de hacerlo es buena si conseguimos el resultado que esperamos, yo decidí una vez más guiarme por J.Miur que dicho sea de paso es hasta hoy quien ha dado solución a todos los problemas surgidos y supongo que a otros muchos que vayan surgiendo. Con sus explicaciones 1 - 2 conseguimos tres cosas.
![](http://1.bp.blogspot.com/_q4j3j-JA2ro/Srk9XqMrTnI/AAAAAAAALqY/8WdVxZYxSjU/s400/comentarios-sin-avatar.png)
Nos dirigimos entonces a Plantilla Edicción de HTML y marcamos para expandir la plantilla.
Hay una línea que puede guiarnos hasta el punto donde debemos hacer ese cambio, es:
Esa línea es el inicio del código que vamos a reemplazar así que buscamos:
El espacio de los puntos suspensivos es el código que tenemos entre las etiquetas
<dl id='comments-block'> y </dl>
Debemos sustituir todo ese código marcado en color azul por el siguiente.
![](http://4.bp.blogspot.com/_q4j3j-JA2ro/Srk_cC5Mp_I/AAAAAAAALqg/n8U6ESQ3jE4/s400/avatar-comentarios.png)
Algunos, tendrán problemas como por ejemplo este que os muestro:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz-3p9-5AiQkbx4ZrAv6PB9dW1A_IBktneGBWvvxZZuP4wZX5NqLggeYJoOPHxs2pWPWcC79iaQwzVhtxpZ-0MDm0RyliI1mZ5NYEjFcN_nnlI_rYHePWu4pkgV_rxFs3AuofiGg/s400/avatar+comentarios-2.png)
No hay que hacer un drama, se solucionará al añadir los estilos.
Justo antes de <body> (ojo, antes de <body> y no de </head> como hacemos normalmente)
![](http://1.bp.blogspot.com/_q4j3j-JA2ro/SrlK8pubCbI/AAAAAAAALqw/MPGAfMQkrXo/s400/imagen-avatar.png)
Pueden surgir más problemas así que paciencia.
- Sustituir el código antiguo por el de una plantilla actual.
- Personalizar el avatar.
- Numerar los comentarios y diferenciar los pares de impares.
![](http://1.bp.blogspot.com/_q4j3j-JA2ro/Srk9XqMrTnI/AAAAAAAALqY/8WdVxZYxSjU/s400/comentarios-sin-avatar.png)
Nos dirigimos entonces a Plantilla Edicción de HTML y marcamos para expandir la plantilla.
Hay una línea que puede guiarnos hasta el punto donde debemos hacer ese cambio, es:
<dl id='comments-block'>
Esa línea es el inicio del código que vamos a reemplazar así que buscamos:
<dl id='comments-block'>
............
............
............
............
</div>
</b:loop>
</dl>
El espacio de los puntos suspensivos es el código que tenemos entre las etiquetas
<dl id='comments-block'> y </dl>
Debemos sustituir todo ese código marcado en color azul por el siguiente.
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<!-- ponemos el contador a cero -->
<script type='text/javascript'>var contadorComentarios=0;</script>
<b:loop values='data:post.comments' var='comment'>
<!-- agregamos un bloque para darle un nombre único a cada comentario -->
<div class='' expr:id='data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<span class='autorcomentario'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</span>
<data:commentPostedByMsg/>
<!-- el código del contador -->
<span class='comentacontador'>
<a expr:href='"#comment-" + data:comment.id' title='Vinculo al comentario'>
<script type='text/javascript'>
contadorComentarios=contadorComentarios+1;
document.write(contadorComentarios)
</script>
</a>
</span>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'><data:comment.timestamp/></a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<!-- establecemos la clase del comentario -->
<script type='text/javascript'>ContarC(';<data:comment.id/>';)</script>
</div>
</b:loop>
</dl>
Aprovechando que estamos aquí quizás sea el momento de decir que la etiqueta <data:commentPostedByMsg/> es la que produce el texto tan popular "dijo..." podemos eliminarla si así lo deseamos o sustituirla por cualquier otro texto.Si hacemos la prueba comprobaremos que los comentarios que tienen el perfil activado y con imagen muestran avatar, mientras que los anónimos y los que añaden nombre/url no muestran avatar.
![](http://4.bp.blogspot.com/_q4j3j-JA2ro/Srk_cC5Mp_I/AAAAAAAALqg/n8U6ESQ3jE4/s400/avatar-comentarios.png)
Para solucionar ese problema de espacios vacíos sin avatar J.Miur nos explica de qué forma podemos añadir dos imágenes escogidas por nosotros, conseguiremos con ello que los comentarios anónimos, o con nombre/url tengan una misma imagen. Y una segunda imagen que se mostrará de fondo y la visualizaremos el tiempo que dure en cargar la página.
Algunos, tendrán problemas como por ejemplo este que os muestro:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz-3p9-5AiQkbx4ZrAv6PB9dW1A_IBktneGBWvvxZZuP4wZX5NqLggeYJoOPHxs2pWPWcC79iaQwzVhtxpZ-0MDm0RyliI1mZ5NYEjFcN_nnlI_rYHePWu4pkgV_rxFs3AuofiGg/s400/avatar+comentarios-2.png)
No hay que hacer un drama, se solucionará al añadir los estilos.
Justo antes de <body> (ojo, antes de <body> y no de </head> como hacemos normalmente)
<style type='text/css'>
#comments-block.avatar-comment-indent {
margin-left:0;
}
#comments-block .avatar-image-container {
float:left;
height:49px;
position:static;
width:49px;
margin-right:15px;
margin-top: 15px;
}
#comments-block .avatar-image-container img {
background:#333 url(url imagen de fondo) no-repeat 50% 50%;
border: 2px double #00CCFF;
display:block;
float:none;
min-height:45px;
min-width:45px;
padding:3px;
}
#comments-block .avatar-image-container.avatar-stock {
background:#333 url(url avatar anónimos y nombre/url) no-repeat 50% 50%;
border: 2px double #00CCFF;
}
#comments-block .avatar-image-container.avatar-stock img {
display:none;
}
img.delayLoad {
max-height: 45px;
max-width: 45px;
min-height: 45px;
min-width: 45px;
}
</style>
Con esos estilos del ejemplo al guardar los cambios veriamos algo así:![](http://1.bp.blogspot.com/_q4j3j-JA2ro/SrlK8pubCbI/AAAAAAAALqw/MPGAfMQkrXo/s400/imagen-avatar.png)
Si habéis leído las entrada 1 que hace referencia a las explicaciones de J.Miur os daréis cuenta que indica los pasos para numerar y diferenciar de color los comentarios pares de impares. Digo esto porque en el código que añadimos ya viene modificado el contenido del bloque y únicamente es necesario añadir los estilos y el script.
Pueden surgir más problemas así que paciencia.
Gema te lo digo en serio,es que como tu lo pones parece mucho mas sencillo,en cuanto tenga un ratito lo pongo en practica,gracias por este excelente post.
ola gema ...muy bune blog que eseña muxas cosas para gente novatas como yo ;) quisiera saber como hacer para "tunear" la zona comentarios... algo como lo tienes tu...
Con el marco en las fotos de avatar, el estilo de los numeros de comentarios, la sombra en los usuarios y como poner esos emoticonos, se que son muchas preguntas pero me gsutaria que me dieran alguna ayudita.
y ese "subir arriba" o outer-wrapper que tienes en el fotter de cada post que haces tambien es interesante.
gracias por la ayuda que peudas brindarme
saludos
Solo quería darte la enhorabuena por tu blog, gracias a ti y a Rosa (el escaparate) voy consiguiendo ponerme al día en este mundillo del blog.
Un abrazo
Gem@, como habrás visto, yo hice esto siguiendo las instrucciones de JMiur, pero no me quedan los comentarios, tanto el formulario como los comentarios propiamente dichos, alineados, o sea centraditos como los tenés vos, o como están en las imagenes que pones de ejemplo.
Me quedan a un costado, medio desprolijo :S
No se como tendría que corregir eso...
Y el fondo lo hice de acuerdo a una entrada tuya, no me acuerdo el nombre, la de poner fondo de color en los comentarios, creo que quedarían mejor si hubiera una separación entre un comentario y otro no crees?
Se puede hacer eso?
Y el vista previa efectivamente no sale... y eso que es una Mínima nuevita modificada por mi... Tampoco se porqué es eso :o
Besotes amiga y gracias por pasar por mi blog ;)
Ahh, me olvidaba, que bonitas quedan esas fuentes con sombra en los nicks :D
Sería mucho preguntar como lo hiciste?
Gracias, Gema, veré si puedo ponerlo en práctica
Hola Gem@, yo añadí las definiciones antes de </head> y funcionan perfectamente :P, también usé condicionales con el código del contador para que en páginas con mas de 200 comentarios el contador continúe la numeración.
pruebo ahora con tu explicación, hice lo de Chica Blogger pero no funcionó, la plantilla tiene mil de cositas de retoque...allá voy
Besos tesoro :)
no funcionó, lo dejo porque Blogger me tiene algo cansadita...gracias mi vida :P
yz Espero que te salga bien El Rebotao :)
yz Anónimo todo eso se hace con paciencia y paso a paso, para el avatar de comentarios puedes empezar siguiendo los pasos de esta misma entrada.
yz Gracias por el comentario laMar, tómalo con calma es como salen mejor las cosas y se disfrutan más :)
yz Vamos por partes k_nelita que el tema de los comentarios hay que tratarlo con mimo.
Para separar el avatar del texto del comentario ve a los estilos del avatar.
#comments-block .avatar-image-container {
float: left;
height: 49px;
position: static;
width: 49px;
}
y añade
position:static;
margin-right:15px;
Verás que se queda el avatar a la izquierda y el texto a la derecha, lo solucionaremos en los estilos que ya tenías añadidos y el avatar quedará sobre el texto
#comments-block .comment-body {
margin:.25em 0 0;
}
reemplaza esa parte por:
#comments-block .comment-body {
margin: 40px 0px 10px 10px;
text-align:justify;
font-size: 13px;
}
(el font-size lo retiras o modificas si quieres, te lo puse por si deseas aumentar el tamaño de fuente)
-Sobre el vista previa no puedo hacer nada, habrá que esperar al próximo cumpleaños de Blogger :D
Referente a separar los comentarios uno de otro, si no recuerdo mal que aplicaste un sistema con script, no estoy segura, si el de script no sé por donde meterle mano.
Pero puedes hacer una cosa, en el código que J.Miur proporciona y yo he puesto en esta entrada ya vienen unas líneas de código añadidas por si queremos diferenciar los comentarios numerarlos, si te decides se añade el script y los estilos y listo. Eso si, quitando antes el que tienes ;)
La sombra en el nombre de los comentarios lo vemos en un próximo post ¿ok?
Oye ¿y a mi no me pagas en repostería? :D
yz Paciencia F. BOISO ;)
yz Bonzu te leí en el blog de J.Miur, me parece estupendo pata los que tienen tantos comentarios :)
yz Graciela tómalo con calma y haz los cambios antes en una plantilla de pruebas.
Pero antes descansa :D
Creo que no me has entendido, no tienen nada que ver los avatares, es el fondo de los comentarios, el cuadrado o rectángulo que no queda centrado con respecto al main o los post.
Lo de separar los comentarios, si es un script, pero eso no importaría tanto.
Fijate en Te Propongo como están los comentarios y te darás una idea de lo que digo, no están alineados, tampoco el formulario, no está centrado...
Con lo del pago en repostería te referís a lo que dije a JMiur?
No entendiste bien :D yo le dije que le había robado una imagen y el dijo que no importaba en todo caso me pasaba factura, en broma, quiso decir que me cobraba.
Yo se lo tomé al revés, (bromeando también)le dije que si me pasaba factura que fuera de pastelera.
Acá le llamamos facturas a algo así como dices de repostería que se vende en las panaderías, no se si entendés ni si te referías a eso :D
Tomamos mate (argentino-uruguayo)con facturas, (masas)que pueden ser con crema pastelera, dulce de membrillo,o conbinadas, dulce de leche (eso no lo conocen en España)es un invento argentino, bueno y hay bastante variedad mas, medias lunas, tortas negras, etc.
Y hablando de los comentarios, fijate en FolkTango, ahí si están bien, así los quiero en Te Propongo, espero que me entiendas ;)
yz Pues no sé que estaría pensando, el caso que pasé a verlos y me dio la sensación que el texto y el avatar estaban más pegados.
Entendí la broma pero no sabía que las facturas era eso jajaja, aquí cuando decimos te voy a pasar factura se entiende que te dicen que van a cobrar. Pero también se dice en términos de broma por eso yo te dije lo mismo y porque la pastelería me encanta ¡ Que lío!!
Al tema... habría que bajar el texto del comentario para que quede más cebtrado,el editor lo vemos después.
Imagino que habrás probado a añadir los mismos estilos que en FolkTango ¿verdad?
Tomaré los que tienes ahora en Te propongo y te digo algo...
yz k_nelita prueba a poner como te decía antes en comments-block .comment-body los siguientes estilos, eso es el cuerpo del comentario los valores del margin se establecen en el siguiente orden:
arriba. derecha. abajo. izquierda con eso
Son los espacios que quedan alrededor del texto del comentario. Si juegas con eso centras esa parte.
#comments-block .comment-body {
margin: 40px 0px 10px 10px;
text-align:justify;
font-size: 13px;
}
Ja jaa que lío!! Con las facturas, claro que aquí tambien es la papeleta para pagar :D
Y yendo al tema que "nos" preocupa ;) respecto a esto: "Imagino que habrás probado a añadir los mismos estilos que en FolkTango ¿verdad?"
Pues, no :o
No me animé ya que en FolkTango tengo muchas cosas distintas y temía confundirme de códigos...
Aparte allí uso otro sistema de comentarios, tiene un encabezado y en Te Propongo puse los comentarios con fondo de color con el script...
Así que espero que me digas algo... se que nos costó un poco poner el formulario centrado la otra vez, recuerdas?
Ahora le puse otra imagen con los emoticones y mas larga que la otra a ver si cubre el largo del editor... pero...nooo, le falta algo que centre todo pero no que es :O
Te espero...
No hay caso, puse lo que me dijiste pero nada :(
No se que es lo que tendría que modificarle al código que me diste, cambié el 40 por 10 y nada... volví a colocarle el 40... todo igual... los comentarios están desplazados hacia la derecha de la pantalla y el editor y la imagen que está arriba, están hacia la izquierda, que burra soy no aprendo mas :(
yz Por lo pronto bajó el texto de los comentarios de forma que la primera línea no se rompe.
Ahora hay que llevar el bloque de todos los comentarios hacia la izquierda y centrar el formulario.
Te mando mail ;)
buenas saludos amiga gema, me parece muy bueno esto de los avatares en los comentarios, a mi no me ha resultado hice todos los pasos y no me ha activado mi avatar, subi mi foto a mi perfil, la opcion en comentarios de mostrar avatar esta activado, puse los codigos que pusiste aqui, y nada mi querida amiga, por favor, desearia saber por que no se puede, mi web que quice implementar es de animes, espero hagas un comentario alli y veras que no sale tu foto o avatar, espero tu pronta respuesta gracias.
yz [@nimes]deja una url al sitio donde tienes los comentarios.
Como le pongo ese efecto de sombreado a las letras donde va el nombre del comentarista y el numero del comentario ?
yz Atento a la próxima entrada Cyberprimo :)
Hola amiga, aqui esta la url de mi pagina, ahi hice un comentario y no aparece mi avatar?
http://www.cine-anime.com/2009/09/tokyo-magnitude-80-capitulo-11-final.html
ese es mi blog, segui todos tus pasos y como vees no aparece. Espero le encuentre una solucuón gracias
Ya mas o menos quedo mis comentarios en el blog se ve bien copia XD, tengo una duda por ejemplo, tengo entradas donde los comentarios el avatar del usuario cuando comento lo edito o elimino y se muestra la imagen de la tachita cuando se usa Interner Explorer no me habia dado cuanta ya que uso el mozilla pero si se ve bien raro, no habra forma de quitar la tachita esa.
yz [@nimes]tu avatar no se ve porque no añadiste las imágenes, debes hacerlo en los estilos donde dice:
url imagen de fondo y url avatar anónimos y nombre/ur
yz Cyberprimo ¿quedaron bien tus comentarios? :D yo diría que más que bien :D :D :D
¿Qués la la tachita?
Hola...
Gema, hoy mi blog cumple una año y bueno no quiero que esto se vea como spam pero he puesto una lista de agradecimiento a los blogs que han sido una influencia positiva par mí. Así que significaría mucho para mi sí tu leyeras por lo menos tu parte en el agradecimiento...
>>http://globalmention.blogspot.com/2009/09/feliz-cumpleanos-global-mention-blog.html
es esa cruz en un cuadrito que muestra el internet explorer cuando no carga alguna imagen no es de todas las veces es solo cuando el usuario borra su imagen de avatar que tenia (en el Firefox eso no pasa :P
No pues como no se van a ver bien los comentarios si me copie de aqui :D
yz Global Metion Blog muchas gracias!!
Que detalle tan lindo de verdad :D :D
F e l i c i d a d e s
yz Cyberprimo yo he probado con Explorer 8 y no veo eso :O dime en qué entrada vez eso y el comentario al que te refieres.
Gema, gracias a ti por la paciencia, tu blog y sobre todo por ser tú!!
yz Global Metion Blog un abrazo grande ;)
a mira por ejemplo esta -> http://www.cyberprimo.com/2008/09/tecnologia-favor-o-en-contra-de-la.html el comentario 1 sale la marca encima de la imagen
yz Pues si que es cierto, y la verdad no termino de comprenderlo.
Si editas un comentario, le das salida y luego lo eliminas ¿está allí otra vez con la tachita? o es e el siguiente comentario?
Yo he probado ahora mismo y no pasa eso, prueba aquí si quieres y vemos si ocurre sólo cuando se trata del autor del comentario o con cualquier visita.
Naa no es eso para mi que es porque las imagenes de los avatars van amarradas con la que tenia uno en esa fecha y si las elimina (borrarlas desde picasa) se muestra la tachita si se cambian no pasa nada porque se muestra la imagen anterior.
http://gemablog-.blogspot.com/2007/10/imagen-del-perfil-en-los-comentarios.html
en ese post el comentario 26 y 28 tambien se ven marcas y el 27 es un avatar tuyo de antes, yo digo que igual y si es eso por que aqui en esta entrada -> http://www.cyberprimo.com/2009/01/la-seduccion-y-los-negocios.html
en el 2 y el 4 que soy yo en el 2 se ve la marca y en el cuatro se ve bien (pero el 2 porque era otra imagen que tenia en esas fechas), este Internet Explorer que no deja poner nada de forma estetica jeje :D
yz Ya me extrañaba a mi que eliminado el comentario sin más ocurriera eso, la opción que me das es muy probable y precisamente anoche estuvimos tratando ese tema, porque Blooger almacena el avatar y lo guarda, una vez el usuario cambia de avatar se muestra el nuevo pero Blogger reconoce que que se ha cambiado sin embargo sigue relacionando el avatar con la fecha y por eso al ser eliminado no lo muestra.
Es algo parecido a cuando exportamos un blog y lo importamos de nuevo en otra plantilla, lo importa todo pero el avatar de comentarios no, porque relaciona el avatar con la id del blog.
Es muy complicado de entender porque yo creo que no lo entienden ni ellos mismos, saben lo que hacen pero no saben las consecuencias.
eso es cierto pero bueno al menos ya podemos poner los avatars sin scripts externos :D
yz Se cruzaron los comentarios, IE cuando muestra esa cruz es porque la imagen no está online o la url es incorrecta, no sé que puede hacerse podemos exponer el problema y consultarlo por si alguien tiene alguna idea pero me temo que es dificil porque es cosa de Blogger :(
Hola Gema, muchísimas gracias por la info, me ha sido de gran ayuda con este tema.
Saludos desde Buenos Aires:P
Gema voy a probar esto, que llevo postergando unos días pero antes de tocar nada una pregunta, siguiendo una de tus entradas puse un avatar en autor y otro para el resto, ¿tendría que desandar lo andado y quitarlo antes?, como dices que los estilos y demás modificaciones se mantendrán pensé que quizás cree conflicto.
yz Gracias a ti por comentar Gloria :D
yz Dña. Urraca si el sistema que tienes ahora muestra avatar lo mejor sería dejar la plantilla tal y como la teníamos, en mi caso sustituí hasta los estilos que la plantilla Minima trae por defecto para los comentarios pero no tiene por qué ser así.
Lo que puedes hacer también es descargar la plantilla, añadirla al blog de pruebas y ver qué tal resulta sin tocar el código actual :)
Hola tengo una duda como se separa el avatar del comentario. Gracias
hola gema... nose porque pero mis resultados no son como esperaba, mira asi me quedo leugo de aplicar los codigos:
http://s4.subirimagenes.com/privadas/671831muestra.jpg
nose que hago mal o ay que modificam un poco el codigo, ademas como hago para que todos los comentarios o almenos cada comentario tengan otro fondo?
muchas gracias
como pongo la enumeracion en el lado derecho?? me pasa igual que el otro anonimo (cooencidendia jeje) el avatar esta bien y los comentarios tambien pero la enumeracion la tngo pegada al "dijo..." y quiero que este totalmente a la derecha, y aver si tambine me ayudas con el fondo, o eso tiene que ver con la plantilla?
gracias x la ayuda :)
muchas muchas muchisimas gracias gema, te queria preguntar solo por curiosidad dedicas todo tu tiempo en este blog??
ok gema pero no veo como hacer para colocar los comentarios en esa caja y darle fondo como el tuyo
yz Uriel en mi comentario número 10 tienes la respuesta ;)
yz Anónimo1 en comments-block .avatar-image-container img se añade la imagen de fondo.
"Cuando vuelvas a comentar por favor lee justo encima del formulario"
yz Anónimo2 sobre los estilos de la numeración mira en la entrada de J.Miur allí está muy bien explicado.
"Cuando vuelvas a comentar por favor lee justo encima del formulario"
yz Anónimo3 todo el tiempo sería decir mucho tiempo, pero si te refieres si me ocupo sólo de este blog o hay algún otro la respuesta es que participo en algún que otro sitio.
"Cuando vuelvas a comentar por favor lee justo encima del formulario"
yz hlvs para conseguir tenerlos numerados y con distinto color de fondo tienes que aplicar los estilos para comentarios numerados.
En la entrada (al final)verás donde dice:
Si habéis leído las entrada 1 que hace referencia a las explicaciones de J.Miur os daréis cuenta que indica los pasos para numerar y diferenciar de color los comentarios pares de impares. Digo esto porque en el código que añadimos ya viene modificado el contenido del bloque y únicamente es necesario añadir los estilos y el script ;)
Un saludo. Tengo un pequeño problemilla, y es que si en el segundo bloque de código, en la segunda línea, pongo lo de "float:left;", el texto del comentario comienza a continuación del avatar, pero luego continúa debajo, con lo que se rompe su alineación. ¿Hay alguna forma de solucionarlo? De momento, he eliminado "float:left;", con lo que aparece el avatar encima del nombre y el texto. A mi me gustaría que apareciera al menos de la forma predeterminada, es decir, todo el bloque del comentario a la derecha del avatar. ¿es posible?
yz Para subir el bloque de texto prueba a añadiendo en los estilos algo así:
.autorcomentario{
color: #24DF00;
font-size: 18px;
display:block;
line-height:40px;
padding-left:10px;
padding-top:5px;
}
Con padding-left alejas el nombre del avatar
Con padding-top puedes subir el nombre.
Gema tengo una consulta, hay alguna forma de permitir la opcion de comentarios dejando solo todas las opciones, pero eliminando la opcion de comentario anonimo, quisera saber si blogger o tu conoces una opcion como esa. Gracias gema.
yz Lisbeth en Configuración/Comentarios podemos escoger:
-Cualquiera - incluidos los usuarios anónimos
-Usuarios registrados - incluido OpenID
-Usuarios con cuentas de Google
-Sólo los miembros de este blog
Si no permitimos anónimos tampoco se permite los comentarios añadiendo nombre/url ;)
Gracias, Gema presisamente es la opcion que quiero dejar, solo Nombre/url y que no este activa la Anonima, al parecer esa opcion no se puede por ahora. Tendras algun truquillo? gracias por tu respuesta. :D
Gem@, a mi me gustaría que se vieran los avatares que cada uno eligió para su cuenta o sea, los gravatares, ¿es eso posible en blogger? o estoy muy lejos de la realidad?
Gracias Gem@!
ups, en otro tema, ahora veo que en tu formulario no salió mi avatar en el comentario, hay una imagen!!
yz No lo tengo Lisbeth, los comentarios anónimos y nombre/url se activan al mismo tiempo :(
Pero si te sirve de algo te diré que con nombre/url no te garantiza nada ya que se puede comentar añadiendo cualquier url y no necesariamente la de nuestro blog.
Esto a veces lleva a crear confusiones a veces intencionadas.
yz MonikaMDQ no es el momento de modificar nada de los comentarios, Blogger está de mantenimiento o lo que es lo mismo algo hacen que el avatar sólo funciona en los comentarios antiguos del blog.
Gracias por todo, ojala y un dia tengamos comentarios al estilo Wordpress, cualquier duda te sigo molestando cuidate. :D
yz Ojalá Lisbeth :)
Gem, muchas gracias! me ha quedado genial! gracias!!
aunque tengo una duda, cómo hago para cambiar el estilo del numerador de los comentarios?
gracias
Gem@ hola!
Antes preferia no recibir comentarios en mi blog, pero ahora he cambiado de opinion. Entonces fui a "Diseño", "Entradas" y agregé la opción de "Comentarios", pero esta ahora no es visible, por lo tanto no puedo recibir comentarios :(
Yo supongo que puedo solucionarlo desde la plantilla HTML, pero no se como |O
Ojalá puedas ayudarme. Muchas gracias ;)
yz Mira si además de permitirlos tienes marcada la casilla de "mostrar" también puedes ir a plantilla de diseño y en el gadget central grande donde se personaliza el footer de los post comprueba que está marcado en "comentarios"
yz Hola Nataly no te había visto :O
Los estilos de la numeración debes buscarlos en el enlace que dejo a Vagabundia, no quise añadirlos aquí para no crear confusión con el avatar ;)
Hola!!
La mayoría de blogs que leo han empezado a mostrar avatares en los comentarios sin tocar nada sus autores nada.
El mío sigue como antes, y he comprobado que la opción estuviera marcada.
Es una plantilla mínima a la que he tocado algunas cosillas, pero no demasiadas, como quitar marcos en fotos y cambiar ancho de cuerpo y columna...
¿Qué hago para que se visualicen los avatares?
Gracias!!
yz Hola Majo, si ya comprobaste que todo está en orden yo te diría que esperar, a lmenos es lo qu eyo estoy haciendo por ahora. Al parecer Blogger está arreglando ese problema.
hola
tengo dos problemitas y no se como arreglarlos
1. el contador me aparece al lado del nombre ¿como hago para separarlo.?
2. quisiera centrar el nombre del autor con el avatar
tal vez puedas pasar por mi blog y mirarlo.
Gracias!!
HOLA!!!
Le e cambiado de todo a mi plantilla la e personalizado asta mas no poder por desgracia le quiero poner esto de los avatares y nada que salen incluso quite todas las lineas que se refirieran a los avatares y sustitui y nada tampoco ya me case hice todos los tutoriales que me aparecen es SAN GOOGLE y nada tampoco solo salen en el vista previa nadamas cuando se publican nada de nada........
igual se agradece todo lo que haces ya que gracias a este blog e cambiado muchas cosas...
:S
hola Gema ya repase todos los post de Comentarios y no se como poner estas dos cosas:
1. el nombre de quien comento en este caso EU, ponerlo color rojo y aumentar el tamaño de la letra como lo tienes tu.
2. como ponerle ese fondo a los cometarios, como el que tienes, que sale en un solo color
:: Andrés Fanático al final de la entrada dejo un enlace a Vagabundia donde explica los pasos a seguir para añadir estilos al contador.
Sobre alinear el nombre con el avatar
.autorcomentario{
....
....
....
padding-left:10px;
padding-top:5px;
}
Con padding-left alejas el nombre del avatar
Con padding-top puedes subir o bajar el nombre.
:: JackPot en el vista previa nunca verás el avatar porque tampoco ves los comentarios :S
Si me dices de qué blog estamos hablando lo miro.
:: EU no he podido acceder a tu blog porque el perfil no está activado :S
El nombre de los comentarios es un enlace y adquiere el color de los enlaces de tu blog.
El fondo que tengo es distinto para los comentarios pares e impares, en unos se muestra una imagen y en otros el color gris.
Al final de la entrada digo, que J.Miur nos explica los pasos a seguir para diferenciar los comentarios pares de impares. ;)
hola gema lamentablemente este J.Miur no esplica ta bien como lo esplicas tu. o talves soy yo al que le cuesta entender...
Pero por otra parte, respecto al nombre de los comentarios me dices que es un enlace, pero si quien comenta es anonimo creo que me marca como texto normal.
el blog que quiero modificar es http://estacautatlan-sugerencias.blogspot.com/
:: Hola Edu, respecto a la forma de explicar las cosas tengo que decir que J.Miur no sólo explica las cosas sino que con su forma de explicarlas se comprende mejor como funcionan.
Ocurre con frecuencia que quien pregunta se explica lo mejor que puede pero puede crearse confusión porque cuesta hacer llegar lo mismo que tenemos en mente y quien recibe el comentario a lo mejor no está muy receptivo ese día, a mi me ocurre mucho :S
Sobre el tema de los comentarios te decía que los autores con enlace al perfil o a su blog son un enlace y este adquiere el color de los enlaces del blog.
Como bien dices anónimos es un texto y puedes intentar modificarlo en:
.comment-author {
background:url("http://www.blogblog.com/rounders/icon_comment_left.gif") no-repeat 2px .3em;
margin:.5em 0;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:20px;
font-weight:bold;
#000000;
}
Añade la línea en negrita que es el color negro y vemos si cambia.
:: El color está incompleto :S
es así color:#000000;
Muy buenas!
Al fin me presento en esta gran pagina de ayuda y quisiera, antes de nada, darte la enhorabuena por el magnifico trabajo que realizas en ella y la inmensa ayuda que nos proporcionais a los que, como yo, no tenemos ni idea de estas cosas...
Bueno, al lio, como diria aquel ^^
El tema es que gracias a tus explicaciones me ha quedado el tema de los comentarios como yo queria (he tardado varias horas pero lo he conseguido XD) pero aun me falta una cosita mas...
Me gustaria poder poner a la izquierda o modificar ubicacion y tamaño de la fecha del comentario y del numero del mismo. A que parte del codigo debo dirigirme para realizarlas?
Muchas gracias por tu tiempo ;)
:: El_Predicador_YO la fecha la tienes a la izquierda :S
Los estilos de la fecha están en comment-footer a:link
Estoy feliz! estoy en el blog de pruebas y entre tu entrada y las de JMiur he conseguido lo que no conseguí la otra vez!
Eso si, en su día hice diferencia entre comentarios de autor y de visitante y puse una imagen en la parte superior de cada uno de ellos. Pero para la idea que tengo ahora necesitaría crear una cabecera específica para los visitantes, la que tengo es la misma para los dos. Me ayudas porfa? no se "inventarme" códigos... y no encuentro nada referente a cómo hacerlo.
Cómo hago una cabecera para cada uno? te mando la dirección del blog de pruebas por si quieres ver cómo están :D Graciassss
:: Maite veamos como te explico, porque hay varias entradas sobre los comentarios y es fácil confundirse.
Si lo que deseas hacer es añadir un estilos distinto para visitas y autor mira la siguiente url ahí no se habla de añadir una cabecera pero partiendo de la idea que podemos añadir una imagen para el autor y otra para las visitas se puede intentar que en lugar de un avatar tengamos una imagen de fondo eso si, no es nada fácil habría que jugar con las medidas. (y probar en otro blog)
http://gemablog-.blogspot.com/search/label/comentarios
Pero si creo que lo tengo todo! excepto la cabecera de los visitantes. Tengo ya un fondo diferente para autor y para visitante, tengo las imágenes de los avatares incluso para la de los anonimos o los que no tienen foto de perfil, lo único que me falta es una cabecera diferente para autor y para visitante. Solo tengo una para los dos.
Me he mirado tus entadas, las tres de JMiur y no veo nada al respecto... :(
Espera, voy a hacer unas cosas, luego te cuento. Graciaaaaaaaaas :D
Muchas Gracias por este tutorial!
Me ha ido perfecto en mi blog.
saludos.
:: Me alegra que resultara bien Laser :)
hola Gem@ primeramente quiero agradecerte pot tus post y por este blog q esta perfecto, per quisiera sabes si podrias explicar de una forma clara lo de los comentarios par e impar para ponerles un color a los par y otros a los impar, que lo vi en vagabundia pero no esta como muy entendible, gracias y espero que hagas el post
saludes !!!
:: Adictos DVDR el tema de los comentarios par e impar no lo he explicado porque en efecto J.Miur hizo una entrada en su momento bastante explicita por cierto, de todas formas lo ideal es seguir los pasos uno a uno y llegado al punto que no entiendas algo me lo dices y no hay problema alguno en aclararlo.
Hola Gem@, yo en mi blog nunca he puesto para que se viera el avatar en los comentarios, pero ayer decidí hacerlo.
Como también uso lo de los comentarios par e impar y la numeración de comentarios, el código de JMiur me viene de perlas. Ah, y también he puesto la parte del CSS que le toca.
Bueno, llega la hora de la verdad y cuando me dispongo a ver si todo ha dado sus frutos...no me funciona (como casi siempre me pasa).
Espero que sepas dónde está el error porque es que he seguido todos los pasos, he quitado y vuelto a poner todo... (lo del CSS está justo después de /head y antes de body, tal y como pides)
Muchas gracias de antemano y espero ansioso tu respuesta. Aunque no te acuerdes de mi blog, hace mucho me ayudaste a modificarlo, así que aquí vuelvo a por tu superayuda.
Un saludo :-)
Acabo de solucionarlo, mirando la plantilla he visto que donde yo tenía todo lo relacionado con el comment-body estaba en otro lado, así que he hecho una mezcla entre todo y ahora ya se me ve, sólo me falta personalizarlo y listo.
Una última cosa, sólo si puedes, podrías darme el css y el código completo de tus comentarios? Es que los veo tan bien estructurados (y los mios tan mal) que necesitaba preguntártelo.
Un saludo Gem@, nos leemos :-)
:: Diego no tengo problema en pasarte el css de mis comentarios, pero no es recomendable porque las plantillas no tienen todas las misma medida y a lo largo de casi cuatro años he modificado los comentarios varias veces lo que sería un problema añadido. La solución no es ir copiando y pegando porque los comentarios no se ven en vista previa lo ideal es ir paso a paso hasta conseguir lo que queremos.
Muchas gracias por el tuto, existe manera de ponerle marco a las fotos? algo asi como los de msn?? gracias por el codigo :)
:: El marco lo tienen añadido en "comments-block .avatar-image-container img" no es igual que el de msn pero se le puede añadir otro tipo de borde o una imagen de fondo y ese espacio entre la imagen y el borde mostraría la imagen de fondo a modo de marco.
hola gema ise todos tus pasos y me salio bien todo menos la foto de los comentarios anonimos y estoy desesperado porque no me sale :S:S auiidame plx
oiie gema perdon pero mi link de mi pag es : http://quintolevel.blogspot.com/ y ise todo pero lo unico que no me sale son los anonimos e ise todo pero no me sale ;S;S si quieres te paso mi plantilla o como pero ayudame porfas eres mi idola :D
< div class='' expr:id='data:comment.id' > y en este codigo me marca de que div debe cerrarse adecuadamente todo lo demas me sale perfecto :SS:
lo separe asi porque no lo puedo publicar
gema porfin lo solucione el problema solo cambie de plantilla,segui tus instrucciones del post y me salio como siempre quise muchas grasias gema :D
:: Me alegra esté solucionado Flinx, siento no responder antes :S
Gracias por el detalle de venir a contarlo ;)
Hello,
I did everything as you describe it, but I have some problem...a "double" images apeared...
The question is Why? Can you help me pls?
Example: macedonia-history.blogspot.com/2008/03/golgotha-of-garvan-last-year-on-receipt.html
Regards,
:: Historian qué blog tiene el problema?? ¿dónde?
I not apeared a "double" comment avatars images.
Help.
:: Historian, sigue los pasos de este post, no sé dónde está el error porque no lo veo, no sé de qué blog hablamos.
Hola Gemita, corriegiendo la plantilla de mi hermana, vi que tenia el blogger coment avatar js cuando vine a verlo a tu blog vi que habías puesto este enlace y por fiiiiiiiiiiiiiiiiin tengo las imagenes y el contador en mi blog en los comentarios, como hubo un tiempo que no pasé muy bien no vi nada de trucos renovados pero ya este año todo va muy bien este año ha sido el mejor en muchísimo tiempo, hasta el amor :) ya que tengo novio (como le dicen ustedes)prrrrr ;)
Muchas gracias por tu gran ayuda y queda este post entre los impresindibles para arregalr el blog (los que los con tenemos con chorrocientoss trucos jejejejeje) Un fuerte abrazo y muchos besos ronroneados ^_^
:: Hola Pau!! que bueno que te fuera útil :)
Me alegra mucho eso que cuentas y ojalá todos los años sean tan felices como este para ti :)
Un besazo y muchos ronroneoS :D
Muchas gracias por los tutoriales respecto a los avatar en los comentarios... tus explicaciones junto a las de Jmiur me fueron de mucha ayuda.
Aunque bien, me queda una consulta que hacerte :X ... sucede que logre lo de los avatar, los numeritos y eso... pero me gustaria darle ese toque que tienes aquí, en donde el nick de la persona que comenta sale junto al avatar... y en tu caso sale en formato de imagen :O ... se agradeceria enormemente, lo que claramente no quita los agradecimientos por todos estos tutoriales
Saludos
:: Hola Pavelkapaz, en realidad nick no es una imagen sino que es un texto cualquiera al que añadimos la propiedad text-shadow.
Puedes ver como conseguirlo en la siguiente url:
http://gemablog-.blogspot.com/2009/09/sombras-en-autor-de-comentarios.html
Hola Gem@!antes que nada agradecerte por ocuparte en ser tan clara y dar explicaciones que podamos comprender,hace tiempo que estaba buscando como realizar esto del avatar ya que como bien dices la mayoria tenemos esa parte muy cambiada,y despues de haber recorrido muchisimos blog de ayuda salia asustada con todos los codigos interminables que habia que cambiar, en la mayoria ninguno da los pasos concretos a seguir como los distes vos,sobre todo para principiantes como yo,pude realizar este truco sin problemas y me ha quedado geniall!!!
solo una preguntita mas...es posible cambiar el tipo de letra en el nick tanto de comentarista anomino y autor???asi como lo tienes en tu blog?
muchas gracias nuevamnete!!!
saludos
claudia M.
:: Cocofansclub si con tenerlo como yo te refierres a la sombra del texto puedes verlo en la siguiente url.
http://gemablog-.blogspot.com/2009/09/sombras-en-autor-de-comentarios.html
No me funciona :(
:: Lionel haz la prueba en otro blog por si te confundiste en algún paso porque al editar la entrada comprobé todo en un blog de pruebas.
Hola Gema:
Gracias a Tí y JMiur logré instalar en Olei Haifa los comentarios con avatares.pero me encuentro varado,por no saber como poner las imagenes de anónimos.-En la categoría Fotos,Excursión a la zona del Lago Kineret hay 3 comentarios,en los cuales veras como se muestran.-Espero puedas ayudarme a completarlo.Gracias
Hola Gema:
Para evitar molestias,pude finalmente colocar los avatares de anónimos,cambié de jpg a png y en vez de photobucket,utilizé el blog para cargar las imágenes,así funcionó prefectamente,igualmente como siempre muchísimas gracias por todo lo que nos enseñas y compartís
:: Siento la demora en responder Aviber y no es ninguna molestia, pero me alegra esté solucionado :)
Gracias, gracias y más gracias, jejeje, verás , quería que la imagen de los comentaristas quedara por encima del texto y, había mirado tus entradas sobre comentarios una y otra vez, sin encontrar nada al respecto,(aunque seguro que miré mal),y no quería molestarte con esa pregunta sin antes remirar tus entradas y ahora, leyendo los comentarios de ésta entrada veo que la solución se la diste a k_nelita , y, como soy una copiona,lo hice tal cuál y¡¡me ha quedado genial!!
Por todo ello , muchísimas gracias
Un abrazo
:: Genial Ana, estupendo que solucionaras ese problema, los comentarios son una gran fuente de información :)
Por preguntar no se molesta en absoluto ;)
Gema, me pasa como le pasaba a k_nelita en su día, he modificado los valores px, pero nada, sólo se me mueve hacia arriba el texto cuando modifico lo de 40 px, y hacia arriba no quiero desplazarlo, modificando todo lo demás no se me cambia nada, no consigo que el texto me quede más a la izquierda, como en tus comentarios, no se si tengo algún condicional u otra cosa en mi plantilla que no deja desplazarse el texto para donde yo quiero, de eso no entiendo
Otra cosilla, a ti te queda el nombre del comentarista al lado de de su imagen pero centrado ,a mi me queda más arriba ¿hay alguna solución?.
Se que son cosillas sin importancia y que si no se solucionan no pasa nada pero, si tiene alguna solución, mejor que mejor
Muchas gracias de antemano, ya ves, al final he tenido que hacerte alguna preguntilla, jejeje
Abrazos
:: Ana los comentarios es muy difícil que queden en todas las plantillas igual a no ser que tengan las mismas medidas, se puede intentar pero siempre hacerlo antes en un blog de pruebas porque los cambios no pueden visualizarse en vista previa.
Para separar el bloque del comentario en :
#comments-block .comment-body {
margin: 20px 0px 10px 10px;
............
............
............
}
Y el contenido del bloque con
#comments-block .comment-body p {
margin:0 0 .75em;
}
El avatar lo movemos con
#comments-block .avatar-image-container img {
display:block;
float:none;
min-height:45px;
min-width:45px;
padding:3px;
.......
.......
}
Para el autor en:
#comments-block .comment-author {
position:relative;
margin:.5em 0 0;
padding:15px 15px 10px 5px;
..........
..........
..........
}
Muchísimas gracias Gema, lo voy a mirar todo bien, de todas maneras enredando hoy, he puesto un borde finito en los comentarios que me gusta muchísimo como queda, así que, de esta manera ya me gusta, miraré de bloque en bloque todo lo que me has dicho, aunque juraría que ya miré por toda esa zona y cambié varios números y nada, no se me movíala zona.
Fíjate si soy bruta que, aunque tengo blog de pruebas,éstas cosillas las suelo hacer directamente en la plantilla del blog "original" y si veo que no me gusta como queda, borro lo que he hecho y lo vuelvo a poner como estaba, aunque si son cosas más complicadas, si que uso el blog de pruebas, muchas gracias por recordármelo
Gracias por tu tiempo
Un abrazo
:: Otro abrazo para ti Ana :)
Hola gema de antemano te agradesco el gran trabajo que haces en tu blog ayudando a las personas, bueno yo reemplaze el codigo tal cual como dijistes y todavia no logro qwue aparescan las caras o imagenes o avatar en los comentarios, espero que me puedas ayudar! atte DJFOX del blog portalfoxmix.blogspot.com
:: Dj Fox siento no poder ayudarte estas explicaciones las he probado en plantillas originales de Blogger, al tratarse de una plantilla adaptada no sé donde podrías modificar para solucionarlo.
¿Probaste en Configuración aceptar para mostrar el avatar de comentarios?
PREGUNTA QUIERO EL MISMO STILO QUE SALE EN LA FOTO !!!!!!
Hola Gema, por fin caí en esta entrada, anduve buscando otra explicación (estuve en una de JMiur pero no pudé entenderle bien a veces, tiene un lenguaje como "muy avanzado" jeje) Tengo un problema muy parecido a K_nelita y estoy siguiendo los pasos del comentario 10, sin embargo, no supe cuáles estilos le explicaste y no tengo el siguiente código en mi plantilla del blog Asicious:
#comments-block .comment-body {
donde puedo encontrarlo? :-|
Mi intención es imitar mis comentarios a los tuyos y JMiur que son una chulada :D
PD. Te mandé una invitacion como lectora de mi blog de pruebas Asicious
:: Céz, cada plantilla tiene unos códigos distintos y unas medidas también distintas, es difícil explicar lo que debe hacerse porque la forma de mostrar los comentarios como la ves aquí es la suma de varios cambios realizados.
Precisamente fue la entrada que enlazo de Vagabundia los pasos que seguí para mostrar los comentarios pares e impares de distinto color y numerados.
Gema, eso lo sé perfectamente, cada plantilla es un mundo :) eso lo aprendí de Rosa (qepd). Y Gracias a JMiur logré los dos fondos alternados, la numeración (ya oculta), aumento del avatar, entre otras cosas.
Y creo que conseguí captar lo de #comments-block .comment-body { (más o menos entiendo su utilidad).
Ahora tengo un par de problemitas porque no he leído algo parecido en los comentarios, cómo puedo bajar el nombre del comentarista hasta la mitad del avatar -horizontalmente- y en donde debo agregar el font-size para aumentar el tamaño al nombre?
El segundo problemita es, quité el "dijo..." al borrar el código (plantilla expandida) data:commentPostedByMsg pero sigue ahí, cómo lo resuelvo?
Muchas gracias y tengas un buen día en tu país.
Ah, mi blog de pruebas es éste: asicious
Abrazos.
:: Hola Céz, antes de empezar descarga un archivo de la plantilla porque aunque sea el blog de pruebas si cometemos un error todo se va al traste :S vamos aprobar a ubicar el nombre de los comentaristas primero busca:
#comments-block .avatar-image-container {
float: left;
height: 55px;
margin-bottom: 15px;
margin-right: 15px;
margin-top: -20px;
position: static;
width: 55px;
}
(Comprueba que en tu plantilla tenga los mismos valores y sustituyes los que tienes por los que ves en el código anterior)
Con eso subimos el avatar y ahora le damos más espacio en la parte de arriba de forma que el nombre quedará paralelo al avatar.
Busca:
.comment-author {
margin-top: 20px;
font-size: 19px;
}
y añade esos valores que no tienes.
El tema del texto dijo.... no entiendo como sigue apareciendo si has eliminado la etiqueta que lo genera, yo repasaría esa parte y buscaría de nuevo puedes buscarlo de esta forma que es muy útil:
http://gemablog-.blogspot.com/2007/09/localizar-de-forma-fcil-un-cdigo-en-la.html
Gema! me diste el respiro que yo ansiaba tener desde hace casi 2 semanas mientras modificaba mis comentarios (bastantes dolores de cabeza :'(), nunca me hubiera ocurrido con eso de margin-top con un número negativo jejeje. El código de .comment-author tambien me sirvió de maravilla y el "dijo..." ya desaparecio finalmente!.
Y miré con preocupación que me faltaba poner imagen al Anónimo y demás cosas, copié el último código de esta entrada y le manipulé una q otra cosita y zas!! ya quedó bonito.
Podrías darle una hojeadita a los códigos de mis comentarios por favor porque no sé si estoy imaginando cosas o debe haber algún error jajaja :D
Gracias anticipadas!
:: Pues sencillamente no veo el avatar de los comentarios pero es que tampoco veo que tengas añadidos los estilos que se muestran en esta entrada :S
Cómo?!!! pero te refieres a mi blog de pruebas asicious ? estoy confundido porque logré modificar códigos y personalizar valores con tu comentario 121. Después de tanto "codiguear" guardé los cambios y pensé que si podrías echarme una mano si estoy en lo correcto para dejar finalmente esos códigos de los comentarios con avatar en paz y proseguir con la plantilla :D
Mi captura de los comentarios que hice va aquí
Muchas gracias :)
:: Ahora si lo veo Céz, miré ese que dices pero no veia ni los estilos ni el avatar pero ahora si :) puede ser que sea porque Blogger lleva días alterado aunque la ausencia delos estilos no lo entiendo :S
Ya te queda poquito :)
Hola Gema!
Tengo un pequeño problema, intenté alinear el nombre con el avatar usando lo de padding-left y padding-top pero no da resultado... Quizás es problema de la numeración, no se, porque no me deja tampoco personalizar los estilos de la numeración; igualmente le pregunté a JMiur sobre la misma cuestión. Muchas gracias de antemano!!
Saludos.
:: No puedo verlo porque no encuentro comentarios en tu blog Paco.
Perdona Gema, los comentarios se encuentran al final de la página a la izquierda. El texto lo pondré debajo del avatar pero provisionalmente lo dejé más arriba. Cualquier cosa me dices. Gracias!!
Nota: solo los miembros de este blog pueden publicar comentarios.